'use client'

import Link from 'next/link'
import { usePathname } from 'next/navigation'

export default function Navigation() {
  const pathname = usePathname()

  return (
    <nav className="flex gap-4 p-4 bg-card h-[50px] justify-start items-center">
      <Link
        href="/"
        className={pathname === '/' ? 'text-primary' : 'text-muted-foreground'}
      >
        首页
      </Link>
      <Link
        href="/home"
        className={pathname === '/home' ? 'text-primary' : 'text-muted-foreground'}
      >
        主页
      </Link>
      <Link
        href="/testcomp"
        className={pathname === '/theme' ? 'text-primary' : 'text-muted-foreground'}
      >
        测试~
      </Link>
    </nav>
  )
}
